<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="Generator" content="ECSHOP v2.7.3"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>首页</title>
    <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon"/>
    <meta name="Keywords" content="ecshop开发中心"/>
    <meta name="Description" content="ecshop开发中心"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <script type="text/javascript" src="/template/default/js/TouchSlide.1.1.js"></script>
    <link rel="stylesheet" type="text/css" href="/template/default/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="/template/default/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="https://static.9hive.cn/global/vendor/layui/css/layui.mobile.css"/>
    <link type="text/javascript" href="/template/default/css/ydui.css"/>
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/template/default/js/jquery.json.js"></script>
    <script type="text/javascript" src="/template/default/js/transport.js"></script>
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/touch/touchslider.dev.js"></script>
    <script type="text/javascript" src="/template/default/js/jquery.more.js"></script>
    <script type="text/javascript" src="/template/default/js/common.js"></script>
    <script src="https://static.9hive.cn/global/vendor/layui/layui.all.js"></script>
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/layer/layer.js"></script>
    <script src="/template/default/js/ydui.js"></script>

    <!--添加商品至购物车-->
    <script type="text/javascript" src="/template/default/js/product.js"></script>
    <script type="text/javascript" src="/res/js/jquery.metadata.js"></script>
    <style>
        .scrollimg {
            position: relative;
            overflow: hidden;
            margin: 0px auto; /* 设置焦点图最大宽度 */
        }

        .scrollimg .hd {
            position: absolute;
            bottom: 0px;
            text-align: center;
            width: 100%;
        }

        .scrollimg .hd li {
            display: inline-block;
            width: .4em;
            height: .4em;
            margin: 0 .4em;
            -webkit-border-radius: .8em;
            -moz-border-radius: .8em;
            -ms-border-radius: .8em;
            -o-border-radius: .8em;
            border-radius: .8em;
            background: #FFF;
            filter: alpha(Opacity=60);
            opacity: .6;
            box-shadow: 0 0 1px #ccc;
            text-indent: -100px;
            overflow: hidden;
        }

        .scrollimg .hd li.on {
            filter: alpha(Opacity=90);
            opacity: .9;
            background: #f8f8f8;
            box-shadow: 0 0 2px #ccc;
        }

        .scrollimg .bd {
            position: relative;
            z-index: 0;
            line-height: 300px
        }

        .scrollimg .bd li {
            position: relative;
            text-align: center;
        }

        .scrollimg .bd li img {
            /*background: url("") center center no-repeat;*/
            vertical-align: top;
            width: 100%; /* 图片宽度100%，达到自适应效果 */
        }

        .scrollimg .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        /* 去掉链接触摸高亮 */
        .scrollimg .bd li .tit {
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            text-indent: 10px;
            height: 28px;
            line-height: 28px;
            /*background: url(themesmobile/68ecshopcom_mobile/images/focusBg.png) repeat-x;*/
            color: #fff;
            text-align: left;
        }

        .eclipse-2 {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            word-break: break-all;
            white-space: normal !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            width: 100%;
            color: #845e3a;

        }

      .pre-title {
          color: #845e3a;
        }

        .news.price {
            font-size: 16px;
        }

        body {
            font-family: HelveticaNeue !important;
        }

        img {
            max-width: 100%;
        }

        .ms {
            width: 56px;
            text-align: right;
            display: inline-block;
        }
    </style>

</head>

<body>
<div id="page" class="showpage">
    <div>
        <div id="scrollimg" class="scrollimg" style="height: 200px;!important;">
            <div class="bd" style="height: 200px;!important;">
                <ul style="height: 200px;!important;">
                    <%for(list in businessAdImgList!){%>
                    <%if(list.adTypeId==1){%><!--adTypeId为1是首页广告-->
                    <li><a href="${list.url}"> <img  class="lazy" data-url="${list.image!}" style="height: 200px;"/></a></li>
                    <%}%>
                    <%}%>
                </ul>
            </div>
            <div class="hd">
                <ul></ul>
            </div>
        </div>
        <script type="text/javascript">
            TouchSlide({
                slideCell: "#scrollimg",
                titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell: ".bd ul",
                effect: "leftLoop",
                autoPage: true,//自动分页
                autoPlay: true //自动播放
            });
        </script>

        <div class="index_search">
            <div class="index_search_mid index_search_single">
                <span><img  class="lazy" data-url="/template/default/images/icosousuo.png"></span>
                <input class="text" id="search_text" type="text" value="请输入您所搜索的商品"/>
            </div>
            <a class="index_my" href="/b/customerCenter?shopId=${product.uid!}">
                <i class="vf_5"></i>
            </a>
        </div>
        <div class="black"></div>

        <div style="display: flex;justify-content:space-between;color: #845e3a" class="news">
            <div style="width: 49.5vw;text-align: center;background-color: white">
                <div style="font-size: 16px;
    color: #845e3a;height: 30px;line-height: 30px;font-family:  Helvetica, Tahoma, Arial;">精品推荐
                </div>
                <div style="display: flex;height:160px">
                    <%for(product in bestProductList!){%>
                    <div class="" style="width: 24.25vw;max-height:160px;background-color: white">
                        <a href="/b/discount/bestProductList">
                            <img  class="lazy" data-url="<%if(isNotEmpty(product.backGroundImg)){%>${product.backGroundImg!}<%}else{%>${product.productImageList[0].sourceProductImagePath!}<%}%>"
                                 style="height:100px">
                            <div class="pre-ms" style="text-align: center">
  <span class=" eclipse-2"
        style="font-size: 14px;width: 24.25vw">${product.name}</span><i>${product.secondName}</i>
                            </div>

                        </a>
                    </div>
                    <%if (productLP.index == 2){%>
                    <%break;%>
                    <%}%>
                    <%}%>
                </div>
            </div>
            <div style="width: 49.5vw;display: inline-flex;align-items: center;background-color: white;height: 190px">
                <div style="align-items: center; box-sizing: border-box; width: 20px; font-size: 16px;
    color: #845e3a; display: inline-flex;
 margin: 5px; height: 190px;font-family:  Helvetica, Tahoma, Arial;">
                    新品上市
                </div>
                <div style="flex: 1;align-items: center">
                    <%for(newProduct in newProductList!){%>
                    <div class="" style="flex: 1;height:190px">
                        <a href="/b/discount/newProductList"
                           style="display: block;text-align: center;width: calc(49.5vw - 30px);padding: 3px 2px 0 0;box-sizing: border-box">
                            <img  class="lazy" data-url="<%if(isNotEmpty(newProduct.backGroundImg)){%>${newProduct.backGroundImg!}<%}else{%>${newProduct.productImageList[0].sourceProductImagePath!}<%}%>"
                                 style="height:140px;width: calc(49.5vw - 30px)">
                            <div class="pre-ms" style="text-align: center">
                                <span class="pre-title eclipse-2" style="font-size: 14px;width: calc(49.5vw - 30px)">${newProduct.name}</span><i>${newProduct.secondName}</i>
                            </div>

                        </a>
                    </div>
                    <%if (newProductLP.index == 1){%>
                    <%break;%>
                    <%}%>
                    <%}%>
                </div>
            </div>
        </div>

        <div style="display: flex;margin-top: 5px;justify-content: space-between;color: #845e3a" class="news">
            <div style="width: 49.5vw;display: inline-flex;align-items: center;background-color: white;height: 190px">
                <div style="align-items: center; box-sizing: border-box; width: 20px;font-size: 16px;  color: #845e3a;
 display: inline-flex; margin: 5px; height: 190px;font-family:  Helvetica, Tahoma, Arial;">
                    热销商品
                </div>
                <div style="flex: 1;display: inline-flex;flex-direction: column">
                    <%for(hotProduct in hotProductList!){%>
                    <div class="" style="flex: 1;height:190px;text-align: center">
                        <a href="/b/discount/hotProductList"
                           style="display: block;width: calc(49.5vw - 30px);padding: 3px 2px 0 0;box-sizing: border-box">
                            <img  class="lazy" data-url="<%if(isNotEmpty(hotProduct.backGroundImg)){%>${hotProduct.backGroundImg!}<%}else{%>${hotProduct.productImageList[0].sourceProductImagePath!}<%}%>"
                                 style="height:140px;width: calc(49.5vw - 30px)">
                            <div class="pre-ms" style="text-align: center">
                                <span class="pre-title eclipse-2" style="font-size: 14px;width:calc(49.5vw - 30px)">${hotProduct.name}</span><i>${hotProduct.secondName}</i>
                            </div>

                        </a>
                    </div>
                    <%if (hotProductLP.index == 1){%>
                    <%break;%>
                    <%}%>
                    <%}%>
                </div>
            </div>
            <div style="width: 49.5vw;text-align: center;background-color: white">
                <div style="font-size: 16px;
    color: #845e3a;height: 30px;line-height: 30px;font-family:  Helvetica, Tahoma, Arial;">特惠专区
                </div>
                <div style="display: flex;">
                    <%for(cheapProduct in cheapProductList!){%>
                    <div class="" style="width: 24.25vw;height:160px">
                        <a href="/b/discount/discountPlateform">
                            <img  class="lazy" data-url="<%if(isNotEmpty(cheapProduct.backGroundImg)){%>${cheapProduct.backGroundImg!}<%}else{%>${cheapProduct.productImageList[0].sourceProductImagePath!}<%}%>"
                                 style="height:100px">
                            <div class="pre-ms" style="text-align: center">
                                <span class="pre-title eclipse-2" style="font-size: 14px;width: 24.25vw">${cheapProduct.name}</span><i>${cheapProduct.secondName}</i>
                            </div>

                        </a>
                    </div>
                    <%if (cheapProductLP.index == 2){%>
                    <%break;%>
                    <%}%>
                    <%}%>
                </div>
            </div>

        </div>


        <section class="index_floor_lou ">
            <div class=" ">
                <div style="text-align: center;margin-top: 10px;font-size: 16px;
    color: #845e3a;">
                    今日精选
                </div>
                <ul style="display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;background-color: #f8f8f8">
                    <%for(product in recommendProductList!){%>
                    <li style="width: 49.5%;height: 280px;margin-bottom: 5px;background-color: white">
                        <div class="pre-product">
                            <a href="/b/product/detailWap?id=${product.id}&shopId=${product.uid!}">
                                <img  class="lazy" data-url="<%if(isNotEmpty(product.backGroundImg)){%>${product.backGroundImg!}<%}else{%>${product.productImageList[0].sourceProductImagePath!}<%}%>"
                                     style="height: 160px;display: inline-block;">
                                <div class="pre-ms" style="text-align: center">
                                    <span class="pre-title">${product.name}</span>
                                </div>
                                <div class="pre-rice">
                                    <span class="ms">惊喜价：</span>
                                    <span class="rice"><i>￥</i>${product.price}</span>

                                </div>
                                <div class="pre-rice">
                                    <%if(product.productRebatePercentMoney!='' &&
                                    product.productRebatePercentMoney!=0.00 &&
                                    isNotEmpty(product.productRebatePercentMoney)){%>
                                    <span class="ms">返现：</span><span class="rice"><i>￥</i>${product.productRebatePercentMoney}</span>
                                    <%}%>
                                </div>
                                <!-- <div style="text-align: center;margin-top: 10px"><span
                                         style="width: 94px;display: inline-block; background: #F33A56;text-align: center; line-height: 26px; color: #fff;border-radius: 300px;">立即抢购</span>
                                 </div>-->
                            </a>
                        </div>
                    </li>
                    <%}%>
                </ul>
            </div>
        </section>

        <script type="text/javascript" src="/template/default/js/scroll.more.js"></script>

        <%include("footer_sys.html"){}%>
        <script>
            function goTop() {
                $('html,body').animate({'scrollTop': 0}, 600);
            }
        </script>
        <!--<a href="javascript:goTop();" class="gotop"><img  class="lazy" data-url="/template/default/images/topup.png"></a>-->
    </div>
    <div id="search_hide" class="search_hide">
        <h2>关键词搜索</h2>
        <div class="search_body">
            <div class="search_box">
                <form action="/b/product/goodListFormAll" method="post" id="searchForm" name="searchForm">
                    <div>
                        <button type="submit" value="搜 索"></button>
                        <input class="text" type="search" name="keyword" id="keywordBox" autofocus>

                    </div>
                </form>
            </div>
            <span class="close"> </span>
        </div>
        <section class="mix_recently_search"><h3>热门搜索</h3>
            <ul>
                <%for(keyword in businessHotSearchList!){%>
                <li>
                    <a href="/b/product/goodList?shopId=${product.uid}&keyword=${keyword}">${keyword}</a>
                </li>
                <%}%>
            </ul>
        </section>
    </div>
</div>
<script type="text/javascript" src="/template/default/js/weixxin.js"></script>


<script type="text/javascript">
    var button_compare = "";
    var exist = "您已经选择了%s";
    var count_limit = "最多只能选择4个商品进行对比";
    var goods_type_different = "\"%s\"和已选择商品类型不同无法进行对比";
    var compare_no_goods = "您没有选定任何需要比较的商品或者比较的商品数少于 2 个。";
    var btn_buy = "购买";
    var is_cancel = "取消";
    var select_spe = "请选择商品属性";
</script>
<script type="text/javascript">
    $(function () {
//        layui.use('flow', function(){
//            var flow = layui.flow;
//            //当你执行这样一个方法时，即对页面中的全部带有class="lazy" data-url的img元素开启了懒加载（当然你也可以指定相关img）
//            flow.lazyimg();
//        });

        $('img.lazy').lazyLoad();

        $('#search_text').click(function () {
            $(".showpage").children('div').hide();
            $("#search_hide").css('position', 'fixed').css('top', '0px').css('width', '100%').css('z-index', '999').show();
        })
        $('#get_search_box').click(function () {
            $(".showpage").children('div').hide();
            $("#search_hide").css('position', 'fixed').css('top', '0px').css('width', '100%').css('z-index', '999').show();
        })
        $("#search_hide .close").click(function () {
            $(".showpage").children('div').show();
            $("#search_hide").hide();
        })
        var p = $(".index_search");
        $(window).on("scroll", function () {
            var t = $(this).scrollTop();
            if (t > 0) {
                p.addClass("fixed");
            } else {
                p.removeClass("fixed");
            }
        });
    });

</script>
</body>
</html>